.h-header-wp{height:652px;background:url(https://img.alicdn.com/imgextra/i2/1021358488/O1CN016fX7PV2CZYMo1ahby_!!1021358488.jpg) no-repeat center #00b8b3;background-size:cover;}
.header{overflow:hidden;padding-top:16px;}
.h-bg{height:235px;background:url(../img/h_bg.jpg) no-repeat center;background-size:cover;}
.h-bg .txt{margin-top:55px;color:#fff;text-align:center;letter-spacing:4px;font-size:30px;}
img{max-width:100%;}
.header .logo{float:left;width:144px;}
.header .logo img{width:100%;}
.header .nav{float:left;margin-left:69px;}
.header .nav a{color:#fff;line-height:36px;}
.header .nav li{float:left;margin-right:50px;}
.header .btn{position:absolute;top:16px;right:4%;font-size:0;}
.header .btn a{display:inline-block;width:108px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;text-align:center;font-size:16px;line-height:36px;}
.header .btn .btn-login{margin-right:30px;}
.header .btn .btn-resg{background:#fff;color:#0eb597;}
.footer{overflow:hidden;padding:30px 0 30px;background:#1f2431;color:#acc2d8;}
.footer .wrapper{position:relative;}
.footer .wrapper:before{position:absolute;top:70px;right:0;left:0;height:1px;background:rgba(255,255,255,.3);content:"";}
.footer .hd{color:#acc2d8;font-size:14px;}
.footer .bd{margin-top:55px;font-size:14px;line-height:36px;}
.footer .bd a{color:#d9e5f0;}
.footer .bd a:hover{color:#fff;}
.footer .hd a{margin-right:20px;color:#acc2d8;}
.flogo{float:left;margin-right:92px;}
.flogo .hd{width:184px;height:47px;}
.flogo .bd{font-size:14px;line-height:30px;}
.flogo .bd li a{color:#00b8b3;}
.flogo .bd li small{color:#00b8b3;font-size:14px;}
.flogo .bd p{margin-top:5px;font-size:14px;line-height:36px;}
.fnav{float:left;margin-right:60px;}
.fnav .hd,.fwx .hd{margin-top:9px;}
.fwx{float:left;}
.fwx img{padding:6px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#f7f9ff;}
.copyright{padding:20px 0 10px;background:#191d27;text-align:center;}
.copyright p{color:#5d768f;font-size:12px;}
.copyright a{color:#5d768f;font-size:12px;}
.copyright p:last-child{margin-top:10px;}
.htop{position:fixed;top:50%;right:20px;z-index:999;width:40px;}
.htop ul{overflow:visible;}
.htop li{margin-bottom:5px;height:40px;}
.htop li a{float:right;display:block;padding:10px;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;background-color:#acc2d8;color:#fff;white-space:nowrap;font-size:18px;line-height:1;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.qr-img{position:absolute;top:-12px;left:-150px;display:none;padding-top:20px;width:129px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(172,194,216,.3);box-shadow:0 0 10px 0 rgba(172,194,216,.3);color:#244362;text-align:center;font-size:0;}
.qr-img:before{position:absolute;top:20px;right:-24px;border:12px solid transparent;content:'';border-left-color:#fff;}
.qr-img img{display:block;margin:0 auto;}
.qr-img p{font-size:14px;line-height:2.2;}
.htop li span{display:inline-block;overflow:hidden;width:0;vertical-align:-3px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.htop i{color:#fff;font-size:20px;}
.htop li:hover a{background:#00b8b3;}
.htop .htop-open:hover a{border-radius:22px;}
.htop .htop-open:hover a span{margin-left:12px;width:90px;}
.htop .htop-open:nth-child(3):hover span{width:130px;}
.go-top{display:none;}